<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>linux Frp Deb下载</title>
        <meta name="description" content="Diamond is a beautiful Bootstrap 4 template for mobile app landing pages." /> 

        <!--Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700" rel="stylesheet">

        <!--vendors styles-->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

        <!-- Bootstrap CSS / Color Scheme -->
        <link rel="stylesheet" href="css/default.css" id="theme-color">
    </head>
    <body>

        <!--navigation-->
        <section class="py-4">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center">
                        <ul class="nav justify-content-center">
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#home">主页 <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#why">为什么用ta</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#pricing">下载地址</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link page-scroll" href="#faq">使用教程</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!--hero header-->
        <section class="bg-hero py-5" id="home">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 col-sm-9 mx-auto text-center">
                        <h1>Frp代理工具下载</h1>
                        <p class="lead mb-4">从这里可以下载到Linux版的deb包</p>
                        <p><img class="img-fluid" src="img/mockup.png" alt="Mockup" /></p>
						<!--
                        <p class="mt-6">
                            <a href="#"><img class="img-fluid img-download" src="img/mac-app-store.svg" alt="Download" /></a>
                        </p>
						-->
                        <div class="diamond diamond-lg fixed left"></div>
                        <div class="diamond diamond-xs bg-secondary circle-alt fixed-sm right d-none d-md-block of-hidden"></div>
                    </div>
                </div>
            </div>
        </section>

        <!--about section-->
        <section class="py-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-8 col-12 ml-auto">
                        <h2>Frp的作用</h2>
                        <p class="lead">
                            1.利用处于内网或防火墙后的机器，对外网环境提供 HTTP 或 HTTPS 服务。<br/>
							2.对于 HTTP, HTTPS 服务支持基于域名的虚拟主机，支持自定义域名绑定，使多个域名可以共用一个 80 端口。<br/>
							3.利用处于内网或防火墙后的机器，对外网环境提供 TCP 和 UDP 服务，例如在家里通过 SSH 访问处于公司内网环境内的主机。<br/><br/>
							<a href="https://github.com/Droid-MAX/frp-deb">项目地址</a>
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <!--why section-->
        <section class="py-7 py-md-10 of-hidden" id="why">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <h2>Why Diamond?</h2>
                        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi commodo, tempus odio a, vestibulum nibh.</p>
                        <div class="row mt-5">
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="zap" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">Quick setup</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="settings" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">Super customizable</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="clock" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">99.99% uptime</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="users" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">Team management</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="bell" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">Email notifications</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-5">
                                <div class="media">
                                    <div class="icon-box">
                                        <div class="icon-box-inner small-xs text-warning">
                                            <span data-feather="umbrella" width="30" height="30"></span>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="mt-0 mb-3">100% money back guarantee</h5>
                                        Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 py-3">
                                <a href="#" class="btn btn-warning d-inline-flex flex-row align-items-center">
                                    How it works
                                    <span class="ml-2" data-feather="arrow-right"></span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 d-none d-md-block">
                        <div class="diamond fixed right bg-warning"></div>
                    </div>
                </div>
            </div>
        </section>

        <!--pricing section-->
        <section id="pricing">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="diamond fixed left bg-info"></div>
                    </div>
                    <div class="col-md-8 ml-auto py-4">
                        <h2>下载地址</h2>
                        <div class="row pricing-table">
                            <div class="col-sm-6">
                                <ul class="list-unstyled pricing-list">
                                    <li>
                                        <h5>x86</h5>
                                        <p><a href="./Release/frp-0.16.1-armel.deb">frp-0.16.1-armel.deb</a><p/>
										<p><a href="./Release/frp-0.16.1-armhf.deb">frp-0.16.1-armhf.deb</a><p/>
                                    </li>
                                    <li>
                                        <h5>x64</h5>
                                        <p><a href="./Release/frp-0.16.1-amd64.deb">frp-0.16.1-amd64.deb</a><p/>
										<p><a href="./Release/frp-0.17.0-amd64.deb">frp-0.17.0-amd64.deb</a><p/>
                                    </li>
                                    <li>
                                        <h5>arm</h5>
										<p><a href="./Release/frp-0.16.1-armel.deb">frp-0.16.1-armel.deb</a><p/>
                                        <p><a href="./Release/frp-0.16.1-armhf.deb">frp-0.16.1-armhf.deb</a><p/>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-sm-6">
                                <div class="card card-body py-5 border-all text-center">
                                    <p class="h1">100%</p>
                                    <hr />
                                    <p class="text-info lead text-uppercase">超级好用</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--faq section-->
        <section class="py-6" id="faq">
            <div class="container">
                <div class="row">
                    <div class="col-md-9 ml-auto">
                        <div class="row">
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">Can I try Diamond for free?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">Do you have hidden fees?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">What are the payment methods you accept?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">How often do you release updates?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">What is your refund policy?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                            <div class="col-md-6 mb-5">
                                <h6 class="font-weight-bold">How can I contact you?</h6>
                                <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-md-9 mx-auto">
                        <div class="card card-body text-center bg-secondary py-5">
                            <h3>Ready to get started with Diamond?</h3>
                            <p class="mt-4 mb-0">
                                <a href="#"><img class="img-fluid img-download" src="img/mac-app-store.svg" alt="Download" /></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--scroll to top-->
        <div class="scroll-top">
            <i class="fa fa-angle-up" aria-hidden="true"></i>
        </div>

        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.5.0/feather.min.js"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>